.loader {
    text-align: center;
    margin: 0 auto;
    width: 100%;
     height: 100%;
}



.load-div {
    z-index: 99999;
    position: fixed;
    text-align: center;
    width: 100%;
    display: block;
    background: #081531;
    height: 100%;
    top: 0px;
    transition: all 2s;
}

.main{
		width: 100%;
		height: 100%;
    position: relative;

	}
	
	.loading{
		width: 500px;
		height: 248px;
		margin: 0 auto;
        position: absolute;
        left: 50%;
        margin-left:-250px;
        top:30%;
 
		
	}
.loadimg{ padding-bottom:20px;}
	.loading span{
		display: inline-block;
		width: 5px;
        margin-top:250px;
		height: 5px;
		margin-right: 18px;
		background: #e9b30e;
		-webkit-transform-origin: right bottom;
		-webkit-animation: load 1s ease infinite;
	}
	.loading span:last-child{
		margin-right: 0px; 
	}
	@-webkit-keyframes load{
		0%{
			opacity: 1;
		}
		100%{
			opacity: 0;
			-webkit-transform: rotate(90deg);
		}
	}
	.loading span:nth-child(1){
		-webkit-animation-delay:0.13s;
	}
	.loading span:nth-child(2){
		-webkit-animation-delay:0.26s;
	}
	.loading span:nth-child(3){
		-webkit-animation-delay:0.39s;
	}
	.loading span:nth-child(4){
		-webkit-animation-delay:0.52s;
	}
	.loading span:nth-child(5){
		-webkit-animation-delay:0.65s;
	}
     /* Demo Buttons Style */
.codrops-demos {
	font-size: 0.8em;
	text-align:center;
	position:absolute;
	z-index:99;
	width:96%;
}

.codrops-demos a {
	display: inline-block;
	margin: 0.35em 0.1em;
	padding: 0.5em 1.2em;
	outline: none;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	border-radius: 2px;
	font-size: 110%;
	border: 2px solid transparent;
	color:#07dc4e;
}

.codrops-demos a:hover,
.codrops-demos a.current-demo {
	border-color: #07dc4e;
}

.load-div span{
    background-color: #f0a910;
    color: #f0a910;
}
.loadimg{
    width: 500px;
    margin: 0 auto;
    position: absolute;
    left:50%;
    margin-left: -250px;
    top:30%;
}